page {
    --logoutColor: #eb4450;
    --backgroundColor: #edece8;
    background-color: var(--backgroundColor);
}
.user_info_wrap{
  height: 45vh;
  background-color: var(--themeColor);
  position: relative;
  .getUserInfoBtn{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -60%);
    background-color: transparent;
    border: 1rpx solid #000;
    color: #000;
  }
  .user_img_wrap{
    .user_bg{
      height: 45vh;
      width: 100%;
      // 添加模糊效果
      filter: blur(10rpx);
    }
  }
  .user_info{
    position: absolute;
    top: 50%;
    // transform: translateY(-50%);
    left: 50%;
    transform: translate(-50%, -50%);
    .user_img{
      width: 150rpx;
      height: 150rpx;
      border-radius: 50%;
    }
    .user_name{
      display: flex;
      justify-content: center;
      align-items: center;
      color: #fff;
      padding-top: 50rpx;
      font-size: 40rpx;
      font-weight: 500;
    }
  }
}

.user_content{
  position: relative;
  .user_main{
    position: absolute;
    top: -30rpx;
    left: 50%;
    transform: translateX(-50%);
    width: 90%;
    .app-info-wrap {
      margin-top: 30rpx;
      background-color: #fff;
      .app-info-item{
        height: 100rpx;
        color: #666;
        display: flex;
        align-items: center;
        padding: 0 25rpx;
        &:nth-child(1) {
          justify-content: space-between;
        }
        &:nth-child(2) {
          // button {
          //   width: 100%;
          //   height: 100%;
          //   background-color: red;
          // }
        }
        &:nth-last-child(n) {
          border-bottom: 2rpx solid var(--backgroundColor);
        }
      }
    }
    .logout {
      margin-top: 50rpx;
      margin-bottom: 150rpx;
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100rpx;
      color: #fff;
      font-weight: 500;
      font-size: 35rpx;
      letter-spacing: 5rpx;
      background-color: var(--logoutColor);
    }
  }
}